<template>
  <div class="brand">
    <ul>
      <li><img src="../assets/Brand/1.png" alt=""></li>
      <li><img src="../assets/Brand/2.png" alt=""></li>
      <li><img src="../assets/Brand/3.png" alt=""></li>
      <li><img src="../assets/Brand/4.png" alt=""></li>
      <li><img src="../assets/Brand/5.png" alt=""></li>
      <li><img src="../assets/Brand/6.png" alt=""></li>
      <li><img src="../assets/Brand/7.png" alt=""></li>
      <li><img src="../assets/Brand/8.png" alt=""></li>
      <li><img src="../assets/Brand/9.png" alt=""></li>
      <li><img src="../assets/Brand/10.png" alt=""></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Brand",
  data: function() {
    return {

    };
  }
};
</script>

<style lang="scss" scoped>
.brand{
  width: 100%;
  height: 110px;
  // background-color: blue;
}
.brand ul{
  width: 100%;
  height: 110px;
  display: flex;
  flex-wrap: wrap;
}
.brand li{
  width: 20%;
  height: 64px;
}
.brand li img{
  width: 100%;
}
</style>